<ul class="list-unstyled d-flex justify-content-between align-items-center mb-0 pt-5 w-100">
  <li>
    <div class="selenium-button-container">
      <a {{if .PrevInSection}}href="{{.PrevInSection.RelPermalink}}"aria-label="{{ T "ui_pager_prev" }} - {{.PrevInSection.Title}}"{{end}}
        class="selenium-button selenium text-uppercase fw-bold {{if not .PrevInSection}} disabled{{end}}">
        <i class="pe-2 fas fa-caret-left"></i>
        {{ T "ui_pager_prev" }}
      </a>
    </div>			
  </li>
  <li>
    <div class="selenium-button-container">
      <a {{if .NextInSection}}href="{{.NextInSection.RelPermalink}}"aria-label="{{ T "ui_pager_next" }} - {{.NextInSection.Title}}"{{end}}
        class="selenium-button selenium text-uppercase fw-bold {{if not .NextInSection}} disabled{{end}}">
        {{ T "ui_pager_next" }}
        <i class="ps-2 fas fa-caret-right"></i>
      </a>
    </div>			
  </li>
</ul>


